.loading-2022-template{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    /*width: */
    /*width:70px;*/
    /*height:70px;*/
    min-width: 20px;
    z-index: 9999999;

}
.loading-2022-template hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

.loading-2022-template :first-child{background:#19A68C;animation-delay:-1.5s}
.loading-2022-template :nth-child(2){background:#F63D3A;animation-delay:-1s}
.loading-2022-template :nth-child(3){background:#FDA543;animation-delay:-0.5s}
.loading-2022-template :last-child{background:#193B48}

@keyframes spin{
    0%,100%{transform:translate(0)}
    25%{transform:translate(160%)}
    50%{transform:translate(160%, 160%)}
    75%{transform:translate(0, 160%)}
}
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5%;
    height: 100%;
    min-width: 30px;
    max-height: 100px;
    z-index: 999999999;
*/